@charset "utf-8";
/* CSS Document */
.picScroll{ padding:10px;  text-align:center; position:absolute;   bottom: -10px; left: 70px;height:71px;background: url("") repeat-x}
.recommend {text-align: center;white-space: nowrap;overflow: hidden;width:321px; display:inline-block; position:relative;top:-40px;padding-top:0px}
.recommend .item {display: inline-block;width:107px;-webkit-transform:scale(0.75,0.75);-webkit-transition:-webkit-transform 0.4s ease-in-out;position: relative; -webkit-transform-origin:center bottom; }
.recommend .items {position: relative;  }
.recommend .itemOn{-webkit-transform:scale(1,1);  -webkit-transition:-webkit-transform 0.4s ease-in-out;}
.peopleNum{height:27px; line-height:27px; background:#de517f; border-radius:13px;padding:0px 10px; color:#fff; font-size:16px;display:inline-block;position: absolute; top:350px; left:380px}

.scrollButton{ width: 36px; height: 71px; position: absolute;background-position: -0px -340px; }
.left-button{top: -1px; left: -36px;}
.right-button{top: -1px; right: -36px;  -webkit-transform:scaleX(-1);}

.scrollSec{width: 107px; height: 107px; position: absolute; z-index:5}
.left-scrollSec{top: -30px; left: 10px;}
.right-scrollSec{top: -30px; right: 10px;}






.room_icon{background-image:url(../images/room_icon.png)}


.head{width:130px; height:49px;position:absolute; top: 18px; left:50%; margin-left:-65px;background-position: -0px -100px;}
.head_role{background-position: -200px -100px;}






.peopleHas{width:305px; height:104px;position: absolute; top: 370px; left: 481px;background-image:url(../images/peopleHasIcon.gif)}
.peopleHas-dou{width:180px;display:inline-block;margin:10px 0px 10px 20px;float:left;position:relative; z-index:2}
.peopleHas-dou-nice{color:#c8176a; display:block;font-size:16px;position:relative;top:-5px}
.peopleHas-dou-nice-list{height:19px;width:170px; border:2px solid #9f466c; border-radius:11px;background:#bf9581}
.peopleHas-dou-nice-list li{height:19px; line-height:19px;text-align:center;color:#641531; float:left;position:relative}

.peopleHas-bg-star{position:absolute;z-index:1;top:0px;left:0px;height: 19px;border-radius:11px 0px 0px 11px;background-image: url("")}
.peopleHas-bg-candy{position:absolute;z-index:1;top:0px;right:0px;height: 19px;border-radius:0px 11px 11px 0px;background-image: url("")}

.peopleHas-dou-nice-candy{height: 19px;width:83px;line-height: 19px;text-align: center;color: #641531;border-left:2px solid #9f466c;}
.peopleHas-dou-nice-star{width:85px;}
.peopleHas-dou-text{position:relative;z-index:2;}

.peopleHas-dou-nums{margin:0px;zoom:1;overflow:hidden}
.peopleHas-dou-nums li{float:left;width:50%; }
.peopleHas-border{height:24px; line-height:24px;border-radius:0px 8px 8px 0px;padding:0px 0px; position:relative;top:-9px;}

.peopleHas-button{width:84px; height:84px; display:inline-block; background-position: -0px -430px;margin-top:7px}
.isCreapTime-button{width:84px; height:84px; display:inline-block; background-position: -0px -520px;margin-top:7px}

.niceImg{position: absolute; bottom: 40px; right:130px;z-index:1}

.lock{width:20px; height:25px;display:inline-block;right:10px;bottom:10px; position:absolute;background-position: -120px -200px;}
.box-lock{zoom:1;overflow:hidden; text-align:center;}
.box-lock li{display:inline-block; margin:10px;}

.xing{ width: 42px; height: 34px; position:absolute; top: 325px; left: 370px; background-position: -150px -260px;  display: inline-block;}
.xing2{ width: 42px; height: 34px; position:absolute; top: 320px; left: 15px; background-position: -150px -260px;  display: inline-block;}
.xingAnmi{
	-webkit-animation:animations_xing 2s linear infinite;
	animation:animations_xing 2s linear infinite;}
@-webkit-keyframes animations_xing{
	0%{-webkit-transform:rotate(360deg);}
	100%{-webkit-transform:rotate(0deg);}
}

.light{ width: 82px; height: 485px; position:absolute; bottom: 100px; left: 130px;background-image:url(../images/create_light.png) ; display: inline-block; z-index: -1}
.lightAnmi{
	-webkit-animation:animations_light1 5s linear infinite;
	-webkit-transform-origin:41px bottom;
	animation:animations_light1 5s linear infinite;}
@-webkit-keyframes animations_light1{
	0%{-webkit-transform:rotate(-20deg);}
	50%{-webkit-transform:rotate(20deg);}
	100%{-webkit-transform:rotate(-20deg);}
}

.lightAnmi2{
	-webkit-animation:animations_light2 5s linear infinite;
	-webkit-transform-origin:41px bottom;
	animation:animations_light2 5s linear infinite;}
@-webkit-keyframes animations_light2{
	0%{-webkit-transform:rotate(20deg);}
	50%{-webkit-transform:rotate(-20deg);}
	100%{-webkit-transform:rotate(20deg);}
}

/**/
.info_bg{background-image:url(../images/info_bg.png)}
.create-info-box{position:absolute;top:143px;right:20px;width:300px;height:300px;}


.head_info{background-position: -560px -100px;}

.niceIcon{width:60px; height:26px;display:inline-block;position:relative;top:5px;}
.niceIcon-1{background-position: -400px -580px;}
.niceIcon-2{background-position: -480px -580px;}
.niceIcon-3{background-position: -560px -580px;}
.niceIcon-4{background-position: -640px -580px;}
.niceIcon-5{background-position: -720px -580px;}

.niceIcon-6{background-position: -400px -620px;}
.niceIcon-7{background-position: -480px -620px;}
.niceIcon-8{background-position: -560px -620px;}
.niceIcon-9{background-position: -640px -620px;}
.niceIcon-10{background-position: -720px -620px;}


/****************xy***********************/
.roleList{width:300px;zoom:1;overflow:hidden;position:absolute;left:20px; top:20px}
.roleList li{height:94px;line-height:94px;padding-left:150px;margin:10px 0px 10px;color:#fff;font-size:30px;font-weight:bolder}
.role_1{background:url(../images/xy/people_1/info.png) no-repeat}
.role_2{background:url(../images/xy/people_2/info.png) no-repeat}
.role_3{background:url(../images/xy/people_3/info.png) no-repeat}
.role_4{background:url(../images/xy/people_4/info.png) no-repeat}

.bigImg{ position: absolute; top: 60px; left: 320px;}
.login{  width: 200px; position:absolute; top: 95px; left: 600px;}
.loginName{ position: absolute; top: 0px; left: 0px;  display: inline-block;}
.loginInput{ position: absolute; top: 60px; left: 10px; width:120px; height: 32px; border: 1px solid #004344;border-radius:5px;  background:#006266; padding: 0px 10px; font-size: 18px; color:#ffd35d   }
.btn_create{position: absolute; top: 200px; left: 30px;}